<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue数据代理机制对属性名的要求</title>
    <!--安装vue-->
    <script src="js/vue.js"></script>
</head>
<body>

<!--容器-->
<div id="app">
    <h1>{{msg}}</h1>
</div>

<!--vue程序-->
<script>
    /**
     * 1.Vue实例不会给以_和$开始的属性名做数据代理
     * 2.为什么?
     *  如果允许给_或者$开始的属性名做数据代理的话
     *  vm这个Vue实例上可能会出现_xxx或者$xxx属性
     *  而这个属性名可能会和Vue框架自身的属性名冲突
     * 2.在Vue当中,给data对象的属性名命名的时候,不能以_或者$开始【果然,人生没有完美的事情】
     */
    const vm = new Vue({
        el : '#app',
        data : {
            msg : 'Hello Vue',
            _name : 'zhangsan',
            $age : 20
        }
    })
</script>
</body>
</html>